<template>
  <div>
<!--    <span :draggable="true" @dragstart="onDragStart($event, 'input')">-->
<!--      <SvgIcon icon-class="build" style="font-size: 25px"/>-->
<!--    </span>-->
    <span class="node-info" v-for="item in nodesTypes" :draggable="true" @dragstart="onDragStart($event, item.type)">
      <SvgIcon :icon-class="item.icon" style="font-size: 25px"></SvgIcon>
    </span>
  </div>
</template>

<script setup>

import SvgIcon from "@/components/SvgIcon/index.vue";
import useDragAndDrop from './useDnD'

const { onDragStart } = useDragAndDrop()
const nodesTypes  = [
  {
    type:"single",
    icon:'404'
  },
  {
    type:"input",
    icon:'build'
  }
]
</script>


<style scoped lang="scss">
.node-info{
 margin-left: 10px;
}

</style>